<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="renderer" content="webkit">
<title>首页</title>
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<div class="show-data">
  <!-- 路局服务器 -->
  <div class="panel-box" style="top: 30px; left: 20px;">
    <div class="panel-hd">路局服务器</div>
    <div class="panel-bd">
      <ul class="server-list server-list01">
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">B_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">C_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">F_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">G_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">H_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">J_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">K_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">M_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">N_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">O_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">P_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">Q_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">R_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">T_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">V_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">W_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">Y_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">Z_DS</div>
        </li>
      </ul>
      <ul class="server-list server-list01">
        <li class="server-item">
          <div class="server-pic"><img src="images/server02.png" alt=""></div>
          <div class="server-text">B_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server02.png" alt=""></div>
          <div class="server-text">C_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server02.png" alt=""></div>
          <div class="server-text">F_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server02.png" alt=""></div>
          <div class="server-text">G_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server02.png" alt=""></div>
          <div class="server-text">H_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server02.png" alt=""></div>
          <div class="server-text">J_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server02-disabled.png" alt=""></div>
          <div class="server-text">K_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server02-error.png" alt=""></div>
          <div class="server-text">M_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server02.png" alt=""></div>
          <div class="server-text">N_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server02.png" alt=""></div>
          <div class="server-text">O_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server02.png" alt=""></div>
          <div class="server-text">P_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server02.png" alt=""></div>
          <div class="server-text">Q_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server02.png" alt=""></div>
          <div class="server-text">R_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server02-error.png" alt=""></div>
          <div class="server-text">T_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server02.png" alt=""></div>
          <div class="server-text">V_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server02.png" alt=""></div>
          <div class="server-text">W_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server02.png" alt=""></div>
          <div class="server-text">Y_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server02.png" alt=""></div>
          <div class="server-text">Z_DS</div>
        </li>
      </ul>
    </div>
  </div>
  <!-- 席位集中主服务器 -->
  <div class="panel-box" style="top: 30px; right: 20px;">
    <div class="panel-hd">席位集中主服务器</div>
    <div class="panel-bd">
      <ul class="server-list server-list04">
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">X101M_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">X102M_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">X103M_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">X201M_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">X202M_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">X203M_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">X204M_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">X206M_DS</div>
        </li>
      </ul>
      <ul class="server-list server-list04">
        <li class="server-item">
          <div class="server-pic"><img src="images/server02.png" alt=""></div>
          <div class="server-text">X101M_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server02.png" alt=""></div>
          <div class="server-text">X102M_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server02.png" alt=""></div>
          <div class="server-text">X103M_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server02.png" alt=""></div>
          <div class="server-text">X201M_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server02.png" alt=""></div>
          <div class="server-text">X202M_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server02.png" alt=""></div>
          <div class="server-text">X203M_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server02.png" alt=""></div>
          <div class="server-text">X204M_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server02.png" alt=""></div>
          <div class="server-text">X206M_DS</div>
        </li>
      </ul>
    </div>
  </div>
  <!-- 一中心数据服务器 -->
  <div class="panel-box" style="top: 270px; left: 20px; width: 380px;">
    <div class="panel-hd">一中心数据服务器</div>
    <div class="panel-bd">
      <ul class="server-list server-list02">
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">LEFT-B</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">LEFT-C</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">LEFT-F</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">LEFT-G</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">LEFT-H</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">LEFT-J</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">LEFT-K</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">LEFT-M</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">LEFT-N</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">LEFT-O</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">LEFT-P</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">LEFT-Q</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">LEFT-R</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">LEFT-T</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">LEFT-V</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">LEFT-W</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">LEFT-Y</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">LEFT-Z</div>
        </li>
      </ul>
    </div>
  </div>
  <!-- 总公司服务器 -->
  <div class="panel-box" style="top: 270px; left: 428px; width: 104px;">
    <div class="panel-hd">总公司服务器</div>
    <div class="panel-bd">
      <ul class="server-list server-list-main">
        <li class="server-item">
          <div class="server-pic"><img src="images/server03.png" alt=""></div>
          <div class="server-text">REP_TKB</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server04.png" alt=""></div>
          <div class="server-text">LEFT_C</div>
        </li>
      </ul>
    </div>
  </div>
  <!-- 二中心数据服务器 -->
  <div class="panel-box" style="top: 270px; left: 562px; width: 160px;">
    <div class="panel-hd">二中心数据服务器</div>
    <div class="panel-bd">
      <ul class="server-list server-list03">
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">LBC1_PZM</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">LBC1_HUO</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">LBC1_QGV</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">LBC1_TKB</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">LBC1_FRY</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">LBC1_NWC</div>
        </li>
      </ul>
    </div>
  </div>
  <!-- 席位集中复制服务器 -->
  <div class="panel-box" style="top: 270px; left: 940px;">
    <div class="panel-hd">席位集中复制服务器</div>
    <div class="panel-bd">
      <ul class="server-list server-list04">
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">ADX20_HUO</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">ADX20_TKB</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">ADX20_PZM</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">ADX20_QGV</div>
        </li>
      </ul>
    </div>
  </div>
  <!-- 席位集中余票库 -->
  <div class="panel-box" style="top: 270px; right: 20px;">
    <div class="panel-hd">席位集中余票库</div>
    <div class="panel-bd">
      <ul class="server-list server-list03">
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">LEFT-M</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">LEFT-K</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">LEFT-P</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">LEFT-Q</div>
        </li>
      </ul>
    </div>
  </div>
  <!-- 一中心复制服务器 -->
  <div class="panel-box" style="bottom: 20px; left: 20px; width: 260px;">
    <div class="panel-hd">一中心复制服务器</div>
    <div class="panel-bd">
      <ul class="server-list server-list04">
        <li class="server-item">
          <div class="server-pic"><img src="images/server05.png" alt=""></div>
          <div class="server-text">LBC1_PZM</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server05.png" alt=""></div>
          <div class="server-text">LBC1_HUO</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server05.png" alt=""></div>
          <div class="server-text">LBC1_QGV</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server05.png" alt=""></div>
          <div class="server-text">LBC1_TKB</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server05.png" alt=""></div>
          <div class="server-text">LBC1_FRY</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server05.png" alt=""></div>
          <div class="server-text">LBC1_NWC</div>
        </li>
      </ul>
    </div>
  </div>
  <!-- 二中心复制服务器 -->
  <div class="panel-box" style="bottom: 20px; left: 330px; width: 260px;">
    <div class="panel-hd">二中心复制服务器</div>
    <div class="panel-bd">
      <ul class="server-list server-list04">
        <li class="server-item">
          <div class="server-pic"><img src="images/server05.png" alt=""></div>
          <div class="server-text">LBC1_PZM</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server05.png" alt=""></div>
          <div class="server-text">LBC1_HUO</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server05.png" alt=""></div>
          <div class="server-text">LBC1_QGV</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server05.png" alt=""></div>
          <div class="server-text">LBC1_TKB</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server05.png" alt=""></div>
          <div class="server-text">LBC1_FRY</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server05.png" alt=""></div>
          <div class="server-text">LBC1_NWC</div>
        </li>
      </ul>
    </div>
  </div>
  <!-- 线上/线下余票群 -->
  <div class="panel-box" style="bottom: 20px; left: 840px;">
    <div class="panel-hd">线上/线下余票群</div>
    <div class="panel-bd">
      <ul class="server-list server-list02">
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">CTMSX</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">CTMSX</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">CTMSX</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">CTMSX</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">CTMSX</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">CTMSX</div>
        </li>
      </ul>
      <ul class="server-list server-list02">
        <li class="server-item">
          <div class="server-pic"><img src="images/server06.png" alt=""></div>
          <div class="server-text">MQ</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server06.png" alt=""></div>
          <div class="server-text">MQ</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server06.png" alt=""></div>
          <div class="server-text">MQ</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server06.png" alt=""></div>
          <div class="server-text">MQ</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server06.png" alt=""></div>
          <div class="server-text">MQ</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server06.png" alt=""></div>
          <div class="server-text">MQ</div>
        </li>
      </ul>
      <ul class="server-list server-list02">
        <li class="server-item">
          <div class="server-pic"><img src="images/server07.png" alt=""></div>
          <div class="server-text server-text-line2">消费入库<br>程序</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server07.png" alt=""></div>
          <div class="server-text server-text-line2">消费入库<br>程序</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server07.png" alt=""></div>
          <div class="server-text server-text-line2">消费入库<br>程序</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server07.png" alt=""></div>
          <div class="server-text server-text-line2">消费入库<br>程序</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server07.png" alt=""></div>
          <div class="server-text server-text-line2">消费入库<br>程序</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server07.png" alt=""></div>
          <div class="server-text server-text-line2">消费入库<br>程序</div>
        </li>
      </ul>
      <ul class="server-list server-list02">
        <li class="server-item">
          <div class="server-pic"><img src="images/server08.png" alt=""></div>
          <div class="server-text">gemfire</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server08.png" alt=""></div>
          <div class="server-text">gemfire</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server08.png" alt=""></div>
          <div class="server-text">gemfire</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server08.png" alt=""></div>
          <div class="server-text">gemfire</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server08.png" alt=""></div>
          <div class="server-text">gemfire</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server08.png" alt=""></div>
          <div class="server-text">gemfire</div>
        </li>
      </ul>
    </div>
  </div>
  <!-- ALI_DS -->
  <div class="panel-box" style="top: 280px; left: 740px;">
    <ul class="server-list server-list03">
      <li class="server-item">
        <div class="server-pic"><img src="images/server09.png" alt=""></div>
        <div class="server-text">ALI_DS</div>
      </li>
    </ul>
  </div>
  <!-- ALI_REP -->
  <div class="panel-box" style="top: 370px; left: 740px;">
    <ul class="server-list server-list03">
      <li class="server-item">
        <div class="server-pic"><img src="images/server02.png" alt=""></div>
        <div class="server-text">ALI_REP</div>
      </li>
    </ul>
  </div>
  <!-- 席位集中备服务器 -->
  <div class="panel-box" style="bottom: 20px; right: 20px;">
    <div class="panel-hd">席位集中备服务器</div>
    <div class="panel-bd">
      <ul class="server-list server-list03">
        <li class="server-item">
          <div class="server-pic"><img src="images/server02.png" alt=""></div>
          <div class="server-text">X101M_RS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server02.png" alt=""></div>
          <div class="server-text">X101M_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server02.png" alt=""></div>
          <div class="server-text">X103S_RS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server02.png" alt=""></div>
          <div class="server-text">X101M_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server02.png" alt=""></div>
          <div class="server-text">X101M_DS</div>
        </li>
      </ul>
      <ul class="server-list server-list03">
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">X101M_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">X102M_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">X103M_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">X201M_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">X202M_DS</div>
        </li>
      </ul>
      <ul class="server-list server-list03">
        <li class="server-item">
          <div class="server-pic"><img src="images/server02.png" alt=""></div>
          <div class="server-text">X101M_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server02.png" alt=""></div>
          <div class="server-text">X203M_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server02.png" alt=""></div>
          <div class="server-text">X101M_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server02.png" alt=""></div>
          <div class="server-text">X206S_RS</div>
        </li>
      </ul>
      <ul class="server-list server-list03">
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">X203M_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">X204M_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">X206M_DS</div>
        </li>
        <li class="server-item">
          <div class="server-pic"><img src="images/server01.png" alt=""></div>
          <div class="server-text">X206M_DS</div>
        </li>
      </ul>
    </div>
  </div>
  <!-- 线路 -->
  <!-- 总公司服务器 至 路局服务器-->
  <div class="line-server01">
    <div class="line-item line-item-01">
      <div class="line-to-top is-arrow" data-toggle="popover" title="传输详情" data-content="传输详情<br>传输速率：12K/s<br>数据内容：23522<br>接节状态：繁忙<br>内存使用率：99%" data-placement="right">
        <span class="star"></span>
      </div>
      <div class="line-horizontal"></div>
      <div class="line-vertical"></div>
    </div>
    <div class="line-item line-item-02">
      <div class="line-to-top is-arrow" data-toggle="popover" title="传输详情" data-content="传输详情<br>传输速率：12K/s<br>数据内容：23522<br>接节状态：繁忙<br>内存使用率：99%" data-placement="right">
        <span class="star"></span>
      </div>
      <div class="line-horizontal"></div>
      <div class="line-vertical"></div>
    </div>
    <div class="line-item line-item-03">
      <div class="line-to-top is-arrow" data-toggle="popover" title="传输详情" data-content="传输详情<br>传输速率：12K/s<br>数据内容：23522<br>接节状态：繁忙<br>内存使用率：99%" data-placement="right">
        <span class="star"></span>
      </div>
      <div class="line-horizontal is-arrow"></div>
      <div class="line-vertical"></div>
    </div>
    <div class="line-item line-item-04">
      <div class="line-to-top is-arrow" data-toggle="popover" title="传输详情" data-content="传输详情<br>传输速率：12K/s<br>数据内容：23522<br>接节状态：繁忙<br>内存使用率：99%" data-placement="right">
        <span class="star"></span>
      </div>
      <div class="line-horizontal"></div>
      <div class="line-vertical"></div>
    </div>
    <div class="line-item line-item-05">
      <div class="line-to-top is-arrow" data-toggle="popover" title="传输详情" data-content="传输详情<br>传输速率：12K/s<br>数据内容：23522<br>接节状态：繁忙<br>内存使用率：99%" data-placement="right">
        <span class="star"></span>
      </div>
      <div class="line-horizontal"></div>
      <div class="line-vertical"></div>
    </div>
    <div class="line-item line-item-06">
      <div class="line-to-top is-arrow" data-toggle="popover" title="传输详情" data-content="传输详情<br>传输速率：12K/s<br>数据内容：23522<br>接节状态：繁忙<br>内存使用率：99%" data-placement="right">
        <span class="star"></span>
      </div>
      <div class="line-horizontal"></div>
      <div class="line-vertical"></div>
    </div>
    <div class="line-item line-item-07 is-disabled">
      <div class="line-to-top is-arrow" data-toggle="popover" title="传输详情" data-content="传输详情<br>传输速率：12K/s<br>数据内容：23522<br>接节状态：死机<br>内存使用率：99%" data-placement="right">
        <span class="star"></span>
      </div>
      <div class="line-horizontal"></div>
      <div class="line-vertical"></div>
    </div>
    <div class="line-item line-item-08 is-error">
      <div class="line-to-top is-arrow" data-toggle="popover" title="传输详情" data-content="传输详情<br>传输速率：12K/s<br>数据内容：23522<br>接节状态：繁忙<br>内存使用率：99%" data-placement="right">
        <span class="star"></span>
      </div>
      <div class="line-horizontal"></div>
      <div class="line-vertical"></div>
    </div>
    <div class="line-item line-item-09">
      <div class="line-to-top is-arrow" data-toggle="popover" title="传输详情" data-content="传输详情<br>传输速率：12K/s<br>数据内容：23522<br>接节状态：繁忙<br>内存使用率：99%" data-placement="right">
        <span class="star"></span>
      </div>
      <div class="line-horizontal"></div>
      <div class="line-vertical"></div>
    </div>
    <div class="line-item line-item-10">
      <div class="line-to-top is-arrow" data-toggle="popover" title="传输详情" data-content="传输详情<br>传输速率：12K/s<br>数据内容：23522<br>接节状态：繁忙<br>内存使用率：99%" data-placement="right">
        <span class="star"></span>
      </div>
      <div class="line-horizontal"></div>
      <div class="line-vertical"></div>
    </div>
    <div class="line-item line-item-11">
      <div class="line-to-top is-arrow" data-toggle="popover" title="传输详情" data-content="传输详情<br>传输速率：12K/s<br>数据内容：23522<br>接节状态：繁忙<br>内存使用率：99%" data-placement="right">
        <span class="star"></span>
      </div>
      <div class="line-horizontal"></div>
      <div class="line-vertical"></div>
    </div>
    <div class="line-item line-item-12">
      <div class="line-to-top is-arrow" data-toggle="popover" title="传输详情" data-content="传输详情<br>传输速率：12K/s<br>数据内容：23522<br>接节状态：繁忙<br>内存使用率：99%" data-placement="right">
        <span class="star"></span>
      </div>
      <div class="line-horizontal"></div>
      <div class="line-vertical"></div>
    </div>
    <div class="line-item line-item-13">
      <div class="line-to-top is-arrow" data-toggle="popover" title="传输详情" data-content="传输详情<br>传输速率：12K/s<br>数据内容：23522<br>接节状态：繁忙<br>内存使用率：99%" data-placement="right">
        <span class="star"></span>
      </div>
      <div class="line-horizontal"></div>
      <div class="line-vertical"></div>
    </div>
    <div class="line-item line-item-14 is-error">
      <div class="line-to-top is-arrow" data-toggle="popover" title="传输详情" data-content="传输详情<br>传输速率：12K/s<br>数据内容：23522<br>接节状态：故障<br>内存使用率：99%" data-placement="right">
        <span class="star"></span>
      </div>
      <div class="line-horizontal"></div>
      <div class="line-vertical"></div>
    </div>
    <div class="line-item line-item-15">
      <div class="line-to-top is-arrow" data-toggle="popover" title="传输详情" data-content="传输详情<br>传输速率：12K/s<br>数据内容：23522<br>接节状态：繁忙<br>内存使用率：99%" data-placement="right">
        <span class="star"></span>
      </div>
      <div class="line-horizontal"></div>
      <div class="line-vertical"></div>
    </div>
    <div class="line-item line-item-16">
      <div class="line-to-top is-arrow" data-toggle="popover" title="传输详情" data-content="传输详情<br>传输速率：12K/s<br>数据内容：23522<br>接节状态：繁忙<br>内存使用率：99%" data-placement="right">
        <span class="star"></span>
      </div>
      <div class="line-horizontal"></div>
      <div class="line-vertical"></div>
    </div>
    <div class="line-item line-item-17">
      <div class="line-to-top is-arrow" data-toggle="popover" title="传输详情" data-content="传输详情<br>传输速率：12K/s<br>数据内容：23522<br>接节状态：繁忙<br>内存使用率：99%" data-placement="right">
        <span class="star"></span>
      </div>
      <div class="line-horizontal"></div>
      <div class="line-vertical"></div>
    </div>
    <div class="line-item line-item-18">
      <div class="line-to-top is-arrow" data-toggle="popover" title="传输详情" data-content="传输详情<br>传输速率：12K/s<br>数据内容：23522<br>接节状态：繁忙<br>内存使用率：99%" data-placement="right">
        <span class="star"></span>
      </div>
      <div class="line-horizontal"></div>
      <div class="line-vertical"></div>
    </div>
    <!-- 主干线 -->
    <div class="line-item-main">
      <div class="line-to-left">
        <span class="star"></span>
        <span class="star"></span>
        <span class="star"></span>
        <span class="star"></span>
        <span class="star"></span>
        <span class="star"></span>
        <span class="star"></span>
        <span class="star"></span>
      </div>
      <div class="line-to-right">
        <span class="star"></span>
        <span class="star"></span>
        <span class="star"></span>
        <span class="star"></span>
        <span class="star"></span>
        <span class="star"></span>
        <span class="star"></span>
        <span class="star"></span>
      </div>
      <div class="line-to-top">
        <span class="star"></span>
      </div>
    </div>
  </div>
  <!-- 路局服务器 内部线 -->
  <div class="line-server01-inner">
    <div class="line-vertical-group line-item-01">
      <div class="line-to-top is-arrow"></div>
      <div class="line-to-bottom is-arrow"></div>
    </div>
    <div class="line-vertical-group line-item-02">
      <div class="line-to-top is-arrow" data-toggle="popover" title="传输详情" data-content="传输详情<br>传输速率：12K/s<br>数据内容：23522<br>接节状态：繁忙<br>内存使用率：99%" data-placement="right"></div>
      <div class="line-to-bottom is-arrow is-error" data-toggle="popover" title="传输详情" data-content="传输详情<br>传输速率：12K/s<br>数据内容：23522<br>接节状态：繁忙<br>内存使用率：99%" data-placement="right"></div>
    </div>
    <div class="line-vertical-group line-item-03">
      <div class="line-to-top is-arrow"></div>
      <div class="line-to-bottom is-arrow"></div>
    </div>
    <div class="line-vertical-group line-item-04">
      <div class="line-to-top is-arrow"></div>
      <div class="line-to-bottom is-arrow"></div>
    </div>
    <div class="line-vertical-group line-item-05">
      <div class="line-to-top is-arrow"></div>
      <div class="line-to-bottom is-arrow"></div>
    </div>
    <div class="line-vertical-group line-item-06">
      <div class="line-to-top is-arrow"></div>
      <div class="line-to-bottom is-arrow"></div>
    </div>
    <div class="line-vertical-group line-item-07">
      <div class="line-to-top is-arrow"></div>
      <div class="line-to-bottom is-arrow"></div>
    </div>
    <div class="line-vertical-group line-item-08">
      <div class="line-to-top is-arrow"></div>
      <div class="line-to-bottom is-arrow"></div>
    </div>
    <div class="line-vertical-group line-item-09">
      <div class="line-to-top is-arrow"></div>
      <div class="line-to-bottom is-arrow"></div>
    </div>
    <div class="line-vertical-group line-item-10">
      <div class="line-to-top is-arrow"></div>
      <div class="line-to-bottom is-arrow"></div>
    </div>
    <div class="line-vertical-group line-item-11">
      <div class="line-to-top is-arrow"></div>
      <div class="line-to-bottom is-arrow"></div>
    </div>
    <div class="line-vertical-group line-item-12">
      <div class="line-to-top is-arrow"></div>
      <div class="line-to-bottom is-arrow"></div>
    </div>
    <div class="line-vertical-group line-item-13">
      <div class="line-to-top is-arrow"></div>
      <div class="line-to-bottom is-arrow"></div>
    </div>
    <div class="line-vertical-group line-item-14">
      <div class="line-to-top is-arrow"></div>
      <div class="line-to-bottom is-arrow"></div>
    </div>
    <div class="line-vertical-group line-item-15">
      <div class="line-to-top is-arrow"></div>
      <div class="line-to-bottom is-arrow"></div>
    </div>
    <div class="line-vertical-group line-item-16">
      <div class="line-to-top is-arrow"></div>
      <div class="line-to-bottom is-arrow"></div>
    </div>
    <div class="line-vertical-group line-item-17">
      <div class="line-to-top is-arrow"></div>
      <div class="line-to-bottom is-arrow"></div>
    </div>
    <div class="line-vertical-group line-item-18">
      <div class="line-to-top is-arrow"></div>
      <div class="line-to-bottom is-arrow"></div>
    </div>
  </div>
  <!-- 总公司服务器 至 一中心数据服务器 -->
  <div class="line-server02">
    <div class="line-to-left is-arrow" data-toggle="popover" title="传输详情" data-content="传输详情<br>传输速率：12K/s<br>数据内容：23522<br>接节状态：繁忙<br>内存使用率：99%" data-placement="top"><span class="star"></span></div>
  </div>
  <!-- 总公司服务器 至 二中心数据服务器 -->
  <div class="line-server03">
    <div class="line-to-right is-arrow" data-toggle="popover" title="传输详情" data-content="传输详情<br>传输速率：12K/s<br>数据内容：23522<br>接节状态：繁忙<br>内存使用率：99%" data-placement="top"><span class="star"></span></div>
  </div>
  <!-- 总公司服务器 内部线 -->
  <div class="line-server04">
    <div class="line-vertical-group line-item-18">
      <div class="line-to-top is-arrow" data-toggle="popover" title="传输详情" data-content="传输详情<br>传输速率：12K/s<br>数据内容：23522<br>接节状态：繁忙<br>内存使用率：99%" data-placement="right"><span class="star"></span></div>
      <div class="line-to-bottom is-arrow" data-toggle="popover" title="传输详情" data-content="传输详情<br>传输速率：12K/s<br>数据内容：23522<br>接节状态：繁忙<br>内存使用率：99%" data-placement="right"><span class="star"></span></div>
    </div>
  </div>
  <!-- 二中心数据服务器 至 ALI_DS -->
  <div class="line-server05">
    <div class="line-to-right is-arrow" data-toggle="popover" title="传输详情" data-content="传输详情<br>传输速率：12K/s<br>数据内容：23522<br>接节状态：繁忙<br>内存使用率：99%" data-placement="top"><span class="star"></span></div>
  </div>
  <!-- ALI_DS 至 ALI_REP -->
  <div class="line-server06">
    <div class="line-to-bottom is-arrow" data-toggle="popover" title="传输详情" data-content="传输详情<br>传输速率：12K/s<br>数据内容：23522<br>接节状态：繁忙<br>内存使用率：99%" data-placement="right"><span class="star"></span></div>
  </div>
  <!-- ALI_REP 至 线上/线下余票群 -->
  <div class="line-server07">
    <div class="line-to-bottom" data-toggle="popover" title="传输详情" data-content="传输详情<br>传输速率：12K/s<br>数据内容：23522<br>接节状态：繁忙<br>内存使用率：99%" data-placement="right">
      <span class="star"></span>
      <span class="star"></span>
      <span class="star"></span>
      <span class="star"></span>
    </div>
    <div class="line-to-right is-arrow" data-toggle="popover" title="传输详情" data-content="传输详情<br>传输速率：12K/s<br>数据内容：23522<br>接节状态：繁忙<br>内存使用率：99%" data-placement="top"><span class="star"></span></div>
  </div>
  <!-- 一中心复制服务器 二中心复制服务器 至 线上/线下余票群-->
  <div class="line-server08">
    <div class="line-item line-item-01">
      <div class="line-to-top" data-toggle="popover" title="传输详情" data-content="传输详情<br>传输速率：12K/s<br>数据内容：23522<br>接节状态：繁忙<br>内存使用率：99%" data-placement="top">
        <span class="star"></span>
      </div>
      <div class="line-to-right"></div>
      <div class="line-to-top line-to-top2"></div>
      <div class="line-to-right line-to-right2"></div>
    </div>
    <div class="line-item line-item-02">
      <div class="line-to-top" data-toggle="popover" title="传输详情" data-content="传输详情<br>传输速率：12K/s<br>数据内容：23522<br>接节状态：繁忙<br>内存使用率：99%" data-placement="top">
        <span class="star"></span>
      </div>
      <div class="line-to-right"></div>
      <div class="line-to-top line-to-top2"></div>
      <div class="line-to-right line-to-right2"></div>
    </div>
    <div class="line-main">
      <div class="line-to-right">
        <span class="star"></span>
        <span class="star"></span>
        <span class="star"></span>
        <span class="star"></span>
        <span class="star"></span>
        <span class="star"></span>
        <span class="star"></span>
        <span class="star"></span>
      </div>
      <div class="line-to-top line-to-top2">
        <span class="star"></span>
        <span class="star"></span>
        <span class="star"></span>
      </div>
      <div class="line-to-right line-to-right2">
        <span class="star"></span>
        <span class="star"></span>
        <span class="star"></span>
        <span class="star"></span>
        <span class="star"></span>
        <span class="star"></span>
      </div>
    </div>
  </div>
  <!-- 线上/线下余票群 内部线 -->
  <div class="line-server09">
    <div class="line-item line-item-01">
      <div class="line-to-bottom is-arrow" data-toggle="popover" title="传输详情" data-content="传输详情<br>传输速率：12K/s<br>数据内容：23522<br>接节状态：繁忙<br>内存使用率：99%" data-placement="right"></div>
    </div>
    <div class="line-item line-item-02">
      <div class="line-to-bottom is-arrow"></div>
    </div>
    <div class="line-item line-item-03">
      <div class="line-to-bottom is-arrow"></div>
    </div>
    <div class="line-item line-item-04">
      <div class="line-to-bottom is-arrow"></div>
    </div>
    <div class="line-item line-item-05">
      <div class="line-to-bottom is-arrow"></div>
    </div>
    <div class="line-item line-item-06">
      <div class="line-to-bottom is-arrow"></div>
    </div>
    <div class="line-item line-item-07">
      <div class="line-to-bottom is-arrow"><span class="star"></span></div>
    </div>
    <div class="line-item line-item-08">
      <div class="line-to-bottom is-arrow"><span class="star"></span></div>
    </div>
    <div class="line-item line-item-09">
      <div class="line-to-bottom is-arrow"><span class="star"></span></div>
    </div>
    <div class="line-item line-item-10">
      <div class="line-to-bottom is-arrow"><span class="star"></span></div>
    </div>
    <div class="line-item line-item-11">
      <div class="line-to-bottom is-arrow"><span class="star"></span></div>
    </div>
    <div class="line-item line-item-12">
      <div class="line-to-bottom is-arrow" data-toggle="popover" title="传输详情" data-content="传输详情<br>传输速率：12K/s<br>数据内容：23522<br>接节状态：繁忙<br>内存使用率：99%" data-placement="right"><span class="star"></span></div>
    </div>
    <div class="line-item line-item-13">
      <div class="line-to-bottom is-arrow"><span class="star"></span></div>
    </div>
    <div class="line-item line-item-14">
      <div class="line-to-bottom is-arrow"><span class="star"></span></div>
    </div>
    <div class="line-item line-item-15">
      <div class="line-to-bottom is-arrow"><span class="star"></span></div>
    </div>
    <div class="line-item line-item-16">
      <div class="line-to-bottom is-arrow"><span class="star"></span></div>
    </div>
    <div class="line-item line-item-17">
      <div class="line-to-bottom is-arrow"><span class="star"></span></div>
    </div>
    <div class="line-item line-item-18">
      <div class="line-to-bottom is-arrow"><span class="star"></span></div>
    </div>
    <div class="line-item line-item-19">
      <div class="line-to-bottom is-arrow"><span class="star"></span></div>
    </div>
    <div class="line-item line-item-20">
      <div class="line-to-bottom is-arrow"><span class="star"></span></div>
    </div>
    <div class="line-item line-item-21">
      <div class="line-to-bottom is-arrow"><span class="star"></span></div>
    </div>
    <div class="line-item line-item-22">
      <div class="line-to-bottom is-arrow"><span class="star"></span></div>
    </div>
    <div class="line-item line-item-23">
      <div class="line-to-bottom is-arrow"><span class="star"></span></div>
    </div>
    <div class="line-item line-item-24">
      <div class="line-to-bottom is-arrow"><span class="star"></span></div>
    </div>
  </div>  
  <!-- 席位集中复制服务器 至 二中心数据服务器 -->
  <div class="line-server10">
    <div class="line-to-left is-arrow" data-toggle="popover" title="传输详情" data-content="传输详情<br>传输速率：12K/s<br>数据内容：23522<br>接节状态：繁忙<br>内存使用率：99%" data-placement="top">
      <span class="star"></span>
      <span class="star"></span>
      <span class="star"></span>
      <span class="star"></span>
    </div>
  </div>
  <!-- 席位集中复制服务器 至 总公司服务器 -->
  <div class="line-server11">
    <div class="line-to-left" data-toggle="popover" title="传输详情" data-content="传输详情<br>传输速率：12K/s<br>数据内容：23522<br>接节状态：繁忙<br>内存使用率：99%" data-placement="top">
      <span class="star"></span>
      <span class="star"></span>
    </div>
    <div class="line-to-bottom" data-toggle="popover" title="传输详情" data-content="传输详情<br>传输速率：12K/s<br>数据内容：23522<br>接节状态：繁忙<br>内存使用率：99%" data-placement="right">
      <span class="star"></span>
      <span class="star"></span>
      <span class="star"></span>
      <span class="star"></span>
      <span class="star"></span>
      <span class="star"></span>
    </div>
    <div class="line-to-left line-to-left2" data-toggle="popover" title="传输详情" data-content="传输详情<br>传输速率：12K/s<br>数据内容：23522<br>接节状态：繁忙<br>内存使用率：99%" data-placement="top">
      <span class="star"></span>
      <span class="star"></span>
      <span class="star"></span>
      <span class="star"></span>
      <span class="star"></span>
      <span class="star"></span>
      <span class="star"></span>
    </div>
    <div class="line-to-top is-arrow" data-toggle="popover" title="传输详情" data-content="传输详情<br>传输速率：12K/s<br>数据内容：23522<br>接节状态：繁忙<br>内存使用率：99%" data-placement="right">
      <span class="star"></span>
    </div>
  </div>
  <!-- 席位集中复制服务器 至 一中心数据服务器 -->
  <div class="line-server12">
    <div class="line-to-top" data-toggle="popover" title="传输详情" data-content="传输详情<br>传输速率：12K/s<br>数据内容：23522<br>接节状态：繁忙<br>内存使用率：99%" data-placement="right">
      <span class="star"></span>
    </div>
    <div class="line-to-left" data-toggle="popover" title="传输详情" data-content="传输详情<br>传输速率：12K/s<br>数据内容：23522<br>接节状态：繁忙<br>内存使用率：99%" data-placement="top">
      <span class="star"></span>
      <span class="star"></span>
      <span class="star"></span>
      <span class="star"></span>
      <span class="star"></span>
      <span class="star"></span>
      <span class="star"></span>
      <span class="star"></span>
      <span class="star"></span>
      <span class="star"></span>
      <span class="star"></span>
      <span class="star"></span>
    </div>
    <div class="line-to-bottom" data-toggle="popover" title="传输详情" data-content="传输详情<br>传输速率：12K/s<br>数据内容：23522<br>接节状态：繁忙<br>内存使用率：99%" data-placement="right">
      <span class="star"></span>
    </div>
  </div>
  <!-- 席位集中主服务器 至 席位集中余票库 -->
  <div class="line-server13">
    <div class="line-to-bottom is-arrow" data-toggle="popover" title="传输详情" data-content="传输详情<br>传输速率：12K/s<br>数据内容：23522<br>接节状态：繁忙<br>内存使用率：99%" data-placement="right">
      <span class="star"></span>
      <span class="star"></span>
    </div>
  </div>
  <!-- 席位集中余票库 至 席位集中复制服务器 -->
  <div class="line-server14">
    <div class="line-to-left is-arrow" data-toggle="popover" title="传输详情" data-content="传输详情<br>传输速率：12K/s<br>数据内容：23522<br>接节状态：繁忙<br>内存使用率：99%" data-placement="top">
      <span class="star"></span>
    </div>
  </div>
  <!-- 席位集中主服务器 至 席位集中余票库 -->
  <div class="line-server15">
    <div class="line-to-top is-arrow" data-toggle="popover" title="传输详情" data-content="传输详情<br>传输速率：12K/s<br>数据内容：23522<br>接节状态：繁忙<br>内存使用率：99%" data-placement="right">
      <span class="star"></span>
    </div>
  </div>
  <!-- 席位集中备服务器 内部线 -->
  <div class="line-server16">
    <div class="line-item line-item-01">
      <div class="line-to-top is-arrow" data-toggle="popover" title="传输详情" data-content="传输详情<br>传输速率：12K/s<br>数据内容：23522<br>接节状态：繁忙<br>内存使用率：99%" data-placement="right"></div>
    </div>
    <div class="line-item line-item-02">
      <div class="line-to-top is-arrow"></div>
    </div>
    <div class="line-item line-item-03">
      <div class="line-to-top is-arrow"></div>
    </div>
    <div class="line-item line-item-04">
      <div class="line-to-top is-arrow"></div>
    </div>
    <div class="line-item line-item-05">
      <div class="line-to-top is-arrow"></div>
    </div>
    <div class="line-item line-item-06">
      <div class="line-to-top is-arrow"></div>
    </div>
    <div class="line-item line-item-07">
      <div class="line-to-top is-arrow"></div>
    </div>
    <div class="line-item line-item-08">
      <div class="line-to-top is-arrow"></div>
    </div>
    <div class="line-item line-item-09">
      <div class="line-to-top is-arrow"></div>
    </div>
  </div> 
  <!-- 席位集中主服务器 内部线 -->
  <div class="line-server17">
    <div class="line-item line-item-01">
      <div class="line-to-bottom is-arrow" data-toggle="popover" title="传输详情" data-content="传输详情<br>传输速率：12K/s<br>数据内容：23522<br>接节状态：繁忙<br>内存使用率：99%" data-placement="right"></div>
    </div>
    <div class="line-item line-item-02">
      <div class="line-to-bottom is-arrow"></div>
    </div>
    <div class="line-item line-item-03">
      <div class="line-to-bottom is-arrow"></div>
    </div>
    <div class="line-item line-item-04">
      <div class="line-to-bottom is-arrow"></div>
    </div>
    <div class="line-item line-item-05">
      <div class="line-to-bottom is-arrow"></div>
    </div>
    <div class="line-item line-item-06">
      <div class="line-to-bottom is-arrow"></div>
    </div>
    <div class="line-item line-item-07">
      <div class="line-to-bottom is-arrow"></div>
    </div>
    <div class="line-item line-item-08">
      <div class="line-to-bottom is-arrow"></div>
    </div>
  </div> 
</div>
<script src="js/jquery.min.js"></script>
<script src="js/tooltip.js"></script>
<script src="js/popover.js"></script>
  <script>
  $('[data-toggle="popover"]').popover({
    container: 'body',
    trigger: 'hover',
    html: true,
  })
  </script>
</body>
</html>